<template>
  <div class="selectSub">
    <main>
      <div class="container">
        <div class="selectList">
          <div
            v-for="(item,index) in selectList"
            :key="index"
            class="select">
            <img :src="item.src" alt="">
            <p>{{item.text}}</p>
          </div>
        </div>
      </div>
    </main>
  </div>
</template>

<script>
    export default {
        name: "selectSub",
        data() {
            return {
                selectList: [
                    {'src': require('../../assets/img/select1.png'), 'text': '了解选课政策' },
                    {'src': require('../../assets/img/select2.png'), 'text': '选科学科锦囊' },
                    {'src': require('../../assets/img/select3.png'), 'text': '学科分析测评' },
                    {'src': require('../../assets/img/select4.png'), 'text': '选课查询系统' },
                    {'src': require('../../assets/img/select5.png'), 'text': '科目对比分析' },
                ]
            }
        }
    }
</script>

<style scoped lang="scss">
  @import '../../styles/common.scss';
  @import '../../styles/selectSub/selectSub.scss';
</style>